<%@ Page Title="" Language="C#" MasterPageFile="~/WebMaster.master" AutoEventWireup="true"
    CodeFile="MeterDaily.aspx.cs" Inherits="meter_MeterDaily" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:Panel ID="panelNoAcccess" runat="server" Visible="true">
        Please choose a meter that you have access to</asp:Panel>
    <asp:Panel runat="server" ID="panelValid" Visible="false">
        Meter:
        <asp:Label runat="server" ID="lblMeterName"></asp:Label>
        (<asp:HyperLink ID="hypManageMeter" runat="server">Manage</asp:HyperLink>)<br />
        <br />
        Choose date:
        <asp:Button ID="btnChooseDate" runat="server" CausesValidation="False" Text="Pick day"
            UseSubmitBehavior="False" />
        <asp:TextBox ID="txtElectricityDate" runat="server"></asp:TextBox>
        <asp:CalendarExtender ID="txtElectricityDate_CalendarExtender" runat="server" Enabled="True"
            PopupButtonID="btnChooseDate" TargetControlID="txtElectricityDate">
        </asp:CalendarExtender>
        <asp:Button runat="server" Text="Find" ID="btnFind" OnClick="btnFind_Click"></asp:Button>
        <h3>
            <asp:Label ID="lblTotalInfo" runat="server" Text="Label"></asp:Label></h3>
        Each column shows the energy used in each month (Jan-Dec). The coloured stripes
        running horizontally are the totals for each year. Each coloured box represents
        a month within each year. Hover over each box to see the date and energy used, click
        to see the detail below.
        <asp:Chart ID="chartCompareYearsByMonth" runat="server" Height="400px" Palette="Pastel"
            Width="850px">
            <Legends>
                <asp:Legend Name="Legend1">
                </asp:Legend>
            </Legends>
            <BorderSkin SkinStyle="Emboss" />
            <Titles>
                <asp:Title Name="Monthly" Text="Cumulative Energy use by Month" >
                </asp:Title>
            </Titles>
            <Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea BackColor="WhiteSmoke" BackSecondaryColor="White" BorderColor="64, 64, 64, 64"
                    Name="ChartArea1" ShadowColor="Transparent">
                    <AxisY Title="kWh">
                    </AxisY>
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
        <h3>
            <asp:Label ID="lblMonth" runat="server" Text="Label"></asp:Label></h3>
        <br />
        <asp:Chart ID="chartDaily" runat="server" Width="850px" Height="400px" BackColor="#D3DFF0"
            Palette="BrightPastel" BorderDashStyle="Solid" BackGradientStyle="TopBottom"
            BorderWidth="2" BorderColor="26, 59, 105">
            <Legends>
                <asp:Legend Name="Legend1">
                </asp:Legend>
            </Legends>
            <BorderSkin SkinStyle="Emboss" />
            <Titles>
                <asp:Title Name="Daily">
                </asp:Title>
            </Titles>
            <Series>
                <asp:Series ChartArea="ChartArea1" Name="Electricity" ChartType="StackedColumn" Legend="Legend1"
                    XValueMember="de_dateTime" YValueMembers="de_kWhDaily">
                </asp:Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BackSecondaryColor="White"
                    BackColor="WhiteSmoke" ShadowColor="Transparent">
                    <AxisY Title="kWh">
                    </AxisY>
                    <Area3DStyle Enable3D="True" />
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
        <br />
        <asp:Chart ID="chartMonthly" runat="server" Width="850px" Height="400px" Palette="EarthTones">
            <Legends>
                <asp:Legend Name="Legend1">
                </asp:Legend>
            </Legends>
            <BorderSkin SkinStyle="Emboss" />
            <Titles>
                <asp:Title Name="Monthly">
                </asp:Title>
            </Titles>
            <Series>
                <asp:Series ChartArea="ChartArea1" Name="Electricity" ChartType="StackedColumn" Legend="Legend1"
                    XValueMember="Month" YValueMembers="TotalKWh">
                </asp:Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BackSecondaryColor="White"
                    BackColor="WhiteSmoke" ShadowColor="Transparent">
                    <AxisY Title="kWh">
                    </AxisY>
                    <Area3DStyle Enable3D="True" />
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
        <br />
        Hint - click on either a bar in the month chart above, or the year chart below,
        to see more detail for that period.
        <asp:Chart ID="chartAnnual" runat="server" Height="400px" Palette="Fire" Width="850px">
            <Legends>
                <asp:Legend Name="Legend1">
                </asp:Legend>
            </Legends>
            <BorderSkin SkinStyle="Emboss" />
            <Titles>
                <asp:Title Name="Annual">
                </asp:Title>
            </Titles>
            <Series>
                <asp:Series ChartArea="ChartArea1" ChartType="StackedColumn" Legend="Legend1" Name="Electricity"
                    XValueMember="Year" YValueMembers="TotalKWh">
                </asp:Series>
            </Series>
            <ChartAreas>
                <asp:ChartArea BackColor="WhiteSmoke" BackSecondaryColor="White" BorderColor="64, 64, 64, 64"
                    Name="ChartArea1" ShadowColor="Transparent">
                    <AxisY Title="kWh">
                    </AxisY>
                    <Area3DStyle Enable3D="True" />
                </asp:ChartArea>
            </ChartAreas>
        </asp:Chart>
    </asp:Panel>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
</asp:Content>
